<template>
    <div>
        <div class="top_banner">
            <h1>体育场馆</h1>
            <img src="@/assets/images/top_bg.jpg" alt=""></div>
        <dl class="map02 map03">
            <dt>
                <h2>建湖县体育中心</h2>
                <h3>开放时间：上午06：00-10：00；下午15：00-20：30</h3>
            </dt>
        </dl>
        <div class="line10"></div>
        <ul class="ty_list">
            <li><span><img src="@/assets/images/tel01.png" alt=""><a id="telTo" href="tel:0515-86299799">电话：<span style="color: #1ec8e2;">0515-86299799</span></a></span>

            </li>
            <li><span><img src="@/assets/images/dz.png" alt="">地址：建湖县湖中南路888号</span></li>
        </ul>
        <div class="jian">
            <h1>体育场馆简介</h1>
            <p>
                体育馆建筑面积为8900平方米，馆内四周建有3000余座看台，安装有中央空调系统，场地两端安装有近50平方米的电子显示屏。看台下建有新闻中心、运动员休息室、贵宾接待室、会议室、医务室等。体育馆内可设置成篮球、排球、网球、羽毛球、乒乓球等不同项目的比赛场地。可举办占地1700平方米的会展、书画展、商品展，还能作为文艺演出的场所。
            </p>
        </div>
    </div>
</template>


<script>

    import * as $ from "@/utils/jquery.min.js"
    import "@/utils/maps.js"
    import axios from 'axios'
    import Vue from 'vue'


    // 获取用户信息
    // code:部门 100：卫健委；101：体育局；102：供水公司；103：住建局；104：文广旅居
    async function initSdk(appId, keyId, userDataTypes) {
        const baseUrl = Vue.prototype.baseUrl; // 服务器地址
        // 初始化api sdk
        await fetchInitCode(appId, keyId, userDataTypes, baseUrl)
    }

    // 初始化api sdk
    async function fetchInitCode(appId, keyId, userDataTypes, baseUrl) {
        const time = sessionStorage.getItem('initCodeTime');
        if (time) {
            // 有code时直接运行
            const lastTime = new Date().getTime() - time;
            if (lastTime < 300000) {
                console.log("initCodeTime生效中，无需获取新的initCode");
                return
            }
        }
        await axios
            .get(`${baseUrl}/getInitCode/${keyId}`, {timeout: 20000})
            .then((res) => {
                const {initCode} = res.data.data;
                sessionStorage.setItem('initCodeTime', new Date().getTime());

                if (!initCode) return;

                // 初始化api sdk
                sc.config({
                    debug: false, // 是否开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来
                    appId: appId, // 在统一 APP 开放平台服务器申请的 appId
                    initCode: initCode
                });

                //注册成功之后执行
                sc.ready(() => {
                    console.log("SDK初始化完成~~");
                });

                sc.error(() => {
                    sc.toast({
                        text: 'SDK初始化失败~~',
                    });
                    sessionStorage.setItem('initCodeTime', '')
                })
            })

            .catch(function () {
                sc.toast({
                    text: '网络正在开小差~~',
                });
            })
    }


    export default {
        name: "App",
        created() {
            initSdk("4a4ea6b473e74bda973ba08b3349f5e7", "101"); //教育局、体育局
            // initSdk("b7210844ab944e488304a0d51de43349", "999"); //测试账号
        },
        mounted() {
            $("#telTo").on('click', function () {
                sc.phoneCall('0515-89197311');
            });
        }
    };
</script>
<style scoped></style>